<!DOCTYPE html>
<html lang="en">
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101477328" data-redirecturi="http://www.youyiku-yishu.cn/WebApp/QqBooks/LoginSuccessful" charset="utf-8" ></script>
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/jquery-1.7.2.min.js"></script>
<include file="./Apps/WebApp/View/default/common_js.html" />
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>

<span id="qqLoginBtn"></span>


<script type="text/javascript">

    //调用QC.Login方法，指定btnId参数将按钮绑定在容器节点中
    QC.Login({
                //btnId：插入按钮的节点id，必选
                btnId:"qqLoginBtn",
                //用户需要确认的scope授权项，可选，默认all
                scope:"all",
                //按钮尺寸，可用值[A_XL| A_L| A_M| A_S|  B_M| B_S| C_S]，可选，默认B_S
                size: "A_XL"
            }, function(reqData, opts){

        //登录成功//根据返回数据，更换按钮显示状态方法
                var dom = document.getElementById(opts['btnId']),
                _logoutTemplate=[
                    //头像
                    '<span><img src="{figureurl}" class="{size_key}"/></span>',
                    //昵称
                    '<span>{nickname}</span>',
                    //退出
                    '<span><a href="javascript:QC.Login.signOut();">退出</a></span>'
                ].join("");
        //取request请求头里的值
//        $.ajax({
//            type: 'HEAD', // 获取头信息，type=HEAD即可
//            url :'www.youyiku-yishu.cn/WebApp/QqBooks/LoginSuccessful',
//            //url:"http://device.qq.com/cgi-bin/device_cgi/remote_bind_get_Verify",
//            complete: function( xhr,data ){
//                // 获取相关Http Response header
//                var wpoInfo = {
//                    // 服务器端时间
//                    "date" : xhr.getResponseHeader('Date'),
//                    // 如果开启了gzip，会返回这个东西
//                    "contentEncoding" : xhr.getResponseHeader('Content-Encoding'),
//                    // keep-alive ？ close？
//                    "connection" : xhr.getResponseHeader('Connection'),
//                    // 响应长度
//                    "contentLength" : xhr.getResponseHeader('content-length'),
//                    // 服务器类型，apache？lighttpd？
//                    "server" : xhr.getResponseHeader('Server'),
//                    "vary" : xhr.getResponseHeader('Vary'),
//                    "transferEncoding" : xhr.getResponseHeader('Transfer-Encoding'),
//                    // text/html ? text/xml?
//                    "contentType" : xhr.getResponseHeader('Content-Type'),
//                    "cacheControl" : xhr.getResponseHeader('Cache-Control'),
//                    // 生命周期？
//                    "exprires" : xhr.getResponseHeader('Exprires'),
//                    "lastModified" : xhr.getResponseHeader('Last-Modified')
//                };
//                console.log(xhr.getAllResponseHeaders());
//            }
//        });


                console.log(dom);



                dom && (dom.innerHTML = QC.String.format(_logoutTemplate, {
            nickname : QC.String.escHTML(reqData.nickname), //做xss过滤
            figureurl : reqData.figureurl
        }
        ));

            }, function(opts){
            //注销成功
                alert('QQ登录 注销成功');
            }
    );


</script>


</body>

</html>